<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1"/>
    <title>收藏详情-刘佳</title>
    <link rel="stylesheet" href="../js/jqm/jquery.mobile-1.4.5.css"/>
    <link rel="stylesheet" href="../css/public.css"/>
    <link rel="stylesheet" href="../css/details.css">
</head>
<body>


<div data-role="details-page">  <!--收藏详情 页面-->

    <div data-role="header" data-position="fixed" data-fullscreen="true" id="details-page-header">    <!--页头-->
        <p><span class="iconfont">&#xe606;</span>攻略详情</p>
    </div>




    <div role="main" id="details-page-main">   <!--主要内容部分-->

        <div class="banner-img"></div>  <!--最上方banner大图 区域-->

        <div class="author-div" style="outline: 1px solid red;">    <!--专栏作者信息 DIV-->
            <img src="../images/user/header.jpg" alt="">
            <p>专栏作家：好吃嘴儿</p>
            <span class="author-div-span iconfont">&#xe619;<br><i class="figcaption_i">787</i></span>
        </div>

        <div class="food-explain">   <!--美食简介-->
            <p>不放盐的烧烤吃起有盐味你们信吗？满自然就能让你尝试到不放盐的烧烤！</p>    <!--美食简介-->
        </div>

        <div class="page-article">  <!--文章正文 -->
            <p>满自然烧烤<span class="iconfont">&#xe605;</span></p>

            <p><span class="iconfont">&#xe60d;</span>红牌楼<span class="iconfont">&#xe60f;</span>
                <span class="iconfont">&#xe60e;</span>烧烤<span class="iconfont">&#xe60f;</span>
                <span class="iconfont">&#xe60c;</span>￥54/人
            </p>    <!--位置 ，  食物类型  ， 价格说明-->


            <p> <!--正文部分-->
                乍一看还不觉得是个烧烤店，环境充满了财务男的细致，自然清新，纸巾都要用泉林本色，看来不白还
                被不懂的顾客误会。五花肉是金忠肉业整块采购的，只选择中间精华部分，大片，标准三线，
                入口的爆油感，只有懂五花肉的才能懂。
            </p>

            <!--具体的配图 ， 为了方便，每篇文章只给3张配图-->
            <img src="../images/details/food1.jpg" alt="">  <!--配图1-->
            <img src="../images/details/food2.jpg" alt="">  <!--配图2-->
            <img src="../images/details/food3.jpg" alt="">  <!--配图3-->
        </div>  <!--文章正文部分-->

        <div class="storeLocation">    <!--商铺位置详细信息-->
            <p>
                <span class="iconfont">&#xe610;</span>
                <span>满自然烧烤</span>
                <span class="iconfont">&#xe605;</span>
            </p>

            <br>
            <p>消费：￥54/人</p>
            <br>
            <p>电话：13183855554</p>
            <br>
            <p>地址：肖家河街4-8号</p>

        </div>  <!--商铺位置详细信息-->







    </div>










</div>





<script src="../js/library/jquery-1.12.2.js"></script>
<script src="../js/jqm/jquery.mobile-1.4.5.js"></script>
<script src="../js/details.js"></script>
</body>
</html>